carousel component for react
import React from 'react';
import ReactDOM from 'react-dom';
import Carousel from 'rt-carousel';
import 'rt-carousel/assets/index.css';
class SimpleDemo extends React.Component {
render() {
const settings = {
speed: 500,
autoplay: false,
dots: true,
arrows: true,
initialSlide: 0,
};
return (
<Carousel {...settings}>
<div className="carousel-slide" >
<h3>1</h3>
</div>
<div className="carousel-slide" >
<h3>2</h3>
</div>
<div className="carousel-slide" >
<h3>3</h3>
</div>
<div className="carousel-slide" >
<h3>4</h3>
</div>
<div className="carousel-slide" >
<h3>5</h3>
</div>
</Carousel>
);
}
}
ReactDOM.render(<SimpleDemo />, document.getElementById('__react-content'));